<template>
    <div class="department-container">
        <div class="list-box">
            <div class="title-box">
                <span class="title">预算管理</span>
                <span class="iconfont iconarrow-right"></span>
            </div>
            <div class="item-box">
                <div class="item">
                    <span class="iconfont iconjinqian"></span>
                    <div class="name">个人预算</div>
                </div>
                <div class="item">
                    <span class="iconfont iconjinqian"></span>
                    <div class="name">部门预算</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>

export default {
    name: 'Department',
    data() {
        return { 
            personal:{
                showItems:true
            }
        }
    },
    methods:{
        doshowItems(index) {
            this.$set(this.showItems,index,1);
        },
        dohidenItems(index) {
            this.$set(this.showItems,index,0);
        },
    }
}
</script>
<style lang="less" scoped>
@import '../../../css/var.less';
.department-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top:40px;
    .list-box {
        background:#fff;
        padding:@space;
        margin: @space 0;
        .title-box {
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
        .item-box {
            margin-top: 10px;
            display:flex;
            justify-content:flex-start;
            align-items:center;
            flex-wrap:wrap;
            .item {
                width:90px;
                height: 60px;
                margin-bottom: @space;
                display:flex;
                flex-direction:column;
                justify-content:center;
                align-items:center;
                .iconfont {
                    font-size:30px;
                    color:@color;
                }
                .name {
                    margin-top:5px;
                    font-size:14px;
                    color:#666;
                   
                }
            }
        }
    }
}
</style>